<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>徐州精诚特卫保安服务有限公司</title>

    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/bootstrap-datetimepicker.min.css" rel="stylesheet" media="screen">
    <link href="css/style.css" rel="stylesheet">
    <link href="css/projectContract.css" rel="stylesheet">

    <script src="js/jquery-3.3.1.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/bootstrap-datetimepicker.js" ></script>
    <script src="js/bootstrap-datetimepicker.fr.js"></script>
    <script src="js/bootstrap-datetimepicker.zh-CN.js" ></script>
    <script src="js/style.js"></script>
    <script src="js/projectContract.js"></script>
    <script src="js/global.js"></script>
    <script src="js/timeInput.js"></script>
</head>
<body>
<nav class="navbar navbar-default navbar-fixed-top navbar-inverse">
    <div class="container-fluid">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="#">OA系统</a>
        </div>
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav">
                <li class="active"><a href="personnelAnalysis.html">人事管理</a></li>
                <li><a href="marketingManager.html">营销管理</a></li>
                <li><a href="operationProjectManager.html">运营管理</a></li>
                <li><a href="financialManager.html">财务管理</a></li>
                <li><a href="warehouseCheck.html">采购管理</a></li>
                <li><a href="ManageDepartment.html">基本设置</a></li>
            </ul>
        </div>
    </div>
</nav>
<div class="container-fluid main-body">
    <div id="left-nav" class="">
        <div class="left-nav-userInfo">
            <div class="userHead">
                <img class="userImg" src="imgs/user.png">
            </div>
            <div class="userTitle">
                <p></p><span class="glyphicon glyphicon-log-out" data-toggle="tooltip" data-placement="top" title="注销" onclick="logout()" aria-hidden="true"></span>
            </div>
        </div>
        <ul class="left-nav-menu">
            <li class="left-nav-menu-li">
                <a href="personnelAnalysis.html" class="menu-link">
                    <img src="imgs/addressbook.png">
                    <div>人事分析</div>
                </a>
            </li>
            <li class="left-nav-menu-li">
                <a class="menu-link">
                    <img src="imgs/brush.png">
                    <div>员工管理    <span class="glyphicon glyphicon-triangle-right"></span></div>
                </a>
                <ul class="sub-menu none">
                    <li class="sub-menu-li">
                        <a href="personnelList.html" class="sub-menu-link">
                            员工列表
                        </a>
                    </li>
                    <li class="sub-menu-li none">
                        <a href="personnelChange.html" class="sub-menu-link">
                            人事异动
                        </a>
                    </li>
                    <li class="sub-menu-li">
                        <a href="personnelEmployeesLeave.html" class="sub-menu-link">
                            离职员工
                        </a>
                    </li>
                    <li class="sub-menu-li">
                        <a href="personnelChangeCard.html" class="sub-menu-link">
                            员工换卡
                        </a>
                    </li>
                </ul>
            </li>
            <li class="left-nav-menu-li">
                <a class="menu-link">
                    <img src="imgs/createtask_fill.png">
                    <div>合同管理    <span class="glyphicon glyphicon-triangle-bottom"></span></div>
                </a>
                <ul class="sub-menu">
                    <li class="sub-menu-li">
                        <a href="personnelContract.html" class="sub-menu-link">
                            人员合同
                        </a>
                    </li>
                    <li class="sub-menu-li sub-li-active">
                        <a href="projectContract.html" class="sub-menu-link">
                            项目合同
                        </a>
                    </li>
                </ul>
            </li>
            <li class="left-nav-menu-li">
                <a class="menu-link">
                    <img src="imgs/kaoqin.png">
                    <div>考勤统计    <span class="glyphicon glyphicon-triangle-right"></span></div>
                </a>
                <ul class="sub-menu none">
                    <li class="sub-menu-li">
                        <a href="attendanceMonthSummary.html" class="sub-menu-link">
                            月度汇总
                        </a>
                    </li>
                    <li class="sub-menu-li ">
                        <a href="attendanceDailyStatistics.html" class="sub-menu-link">
                            每日统计
                        </a>
                    </li>
                    <li class="sub-menu-li none">
                        <a href="attendancePunchTime.html" class="sub-menu-link">
                            打卡时间
                        </a>
                    </li>
                    <li class="sub-menu-li ">
                        <a href="attendanceOriginalRecord.html" class="sub-menu-link">
                            原始记录
                        </a>
                    </li>
                </ul>
            </li>
            <li class="left-nav-menu-li">
                <a class="menu-link">
                    <img src="imgs/coupons.png">
                    <div>薪资管理    <span class="glyphicon glyphicon-triangle-right"></span></div>
                </a>
                <ul class="sub-menu none">
                    <li class="sub-menu-li">
                        <a href="salaryQuery.html" class="sub-menu-link">
                            薪资查看
                        </a>
                    </li>
                    <li class="sub-menu-li">
                        <a href="salaryBaseUpdateInBatch.html" class="sub-menu-link">
                            基本工资修改
                        </a>
                    </li>
                    <li class="sub-menu-li">
                        <a href="salaryProject.html" class="sub-menu-link">
                            项目工资
                        </a>
                    </li>
                </ul>
            </li>
        </ul>
    </div>
    <div id="" class="right-panel">
        <div class="nav-path">
            <div class="path-title">
                <ul class="path-ul">
                    <li>项目合同</li>
                </ul>
            </div>
        </div>
        <div class="main-body-content">
            <div class="top-body">
                <div class="search-content" style="height: 34px;">
                    <div class="search-left">
                        <div class="input-group col-xs-5">
                            <input type="text" id="projectName-input" class="form-control" placeholder="按项目名称搜索">
                            <span class="input-group-btn">
                                        <button class="btn btn-default" type="button" onclick="getInformationByProjectName()">搜索</button>
                                        <button class="btn btn-default" type="button" onclick="getAllProjectContractInformation()">搜索全部</button>
                            </span>
                        </div>
                    </div>
                    <div class="search-right">
                        <button class="btn btn-default" data-toggle="modal" data-target="#myModal-makeSureDeleteInBatch">批量删除</button>
                        <button class="btn btn-default" data-toggle="modal" data-target="#myModal-signContract">添加合同</button>
                    </div>
                </div>
            </div>
            <div class="table-body">
                <table class="table table-bordered">
                    <thead style="background-color: #F9FAFB">
                    <tr>
                        <th style="width: 34px"><input id="select-all" class="select-box" type="checkbox"></th>
                        <th>项目编号</th>
                        <th>项目名称</th>
                        <th>项目状态</th>
                        <th>服务周期</th>
                        <th>客户单位名称</th>
                        <th>客户办公室电话</th>
                        <th>客户财务电话</th>
                        <th>金额</th>
                        <th>已收金额</th>
                        <th>项目负责人</th>
                        <th>合同开始时间</th>
                        <th>合同结束时间</th>
                        <th style="width: 50px">收款</th>
                        <th style="width: 50px">修改</th>
                        <th style="width: 50px">删除</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr class="table-tr hidden">
                        <td class="project-checkBox tbody-td-id" style="width: 34px"><input class="select-box select-sub-box" type="checkbox"></td>
                        <td class="project-id "></td>
                        <td class="project-name"></td>
                        <td class="project-status"></td>
                        <td class="project-period"></td>
                        <td class="project-customerName"></td>
                        <td class="project-customerOfficePhone"></td>
                        <td class="project-customerFinancePhone"></td>
                        <td class="project-amount"></td>
                        <td class="project-receivedPrice"></td>
                        <td class="project-responsiblePersonName"></td>
                        <td class="project-startDate"></td>
                        <td class="project-endDate"></td>
                        <td class="">
                            <div>
                                <a class="" data-toggle="modal" data-target="#myModal-projectReceipt" onclick="setProjectReceiptModalInformation(this)">
                                    <span class="glyphicon glyphicon-eye-open" aria-hidden="true"></span>
                                </a>
                            </div>
                        </td>
                        <td class="">
                            <div>
                                <a class="" data-toggle="modal" data-target="#myModal-updateProjectContract" onclick="setUpdateModalInformation(this)">
                                    <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
                                </a>
                            </div>
                        </td>
                        <td>
                            <div>
                                <a data-toggle="modal" data-target="#myModal-makeSureDelete" onclick="setMakeSureDeleteButtonValue(this)"><span class="glyphicon glyphicon-trash" aria-hidden="true"></span></a>
                            </div>
                        </td>
                    </tr>
                    <tr class="table-tr hidden">
                        <td class="project-checkBox tbody-td-id" style="width: 34px"><input class="select-box select-sub-box" type="checkbox"></td>
                        <td class="project-id "></td>
                        <td class="project-name"></td>
                        <td class="project-status"></td>
                        <td class="project-period"></td>
                        <td class="project-customerName"></td>
                        <td class="project-customerOfficePhone"></td>
                        <td class="project-customerFinancePhone"></td>
                        <td class="project-amount"></td>
                        <td class="project-receivedPrice"></td>
                        <td class="project-responsiblePersonName"></td>
                        <td class="project-startDate"></td>
                        <td class="project-endDate"></td>
                        <td class="">
                            <div>
                                <a class="" data-toggle="modal" data-target="#myModal-projectReceipt" onclick="setProjectReceiptModalInformation(this)">
                                    <span class="glyphicon glyphicon-eye-open" aria-hidden="true"></span>
                                </a>
                            </div>
                        </td>
                        <td class="">
                            <div>
                                <a class="" data-toggle="modal" data-target="#myModal-updateProjectContract" onclick="setUpdateModalInformation(this)">
                                    <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
                                </a>
                            </div>
                        </td>
                        <td>
                            <div>
                                <a data-toggle="modal" data-target="#myModal-makeSureDelete" onclick="setMakeSureDeleteButtonValue(this)"><span class="glyphicon glyphicon-trash" aria-hidden="true"></span></a>
                            </div>
                        </td>
                    </tr>
                    <tr class="table-tr hidden">
                        <td class="project-checkBox tbody-td-id" style="width: 34px"><input class="select-box select-sub-box" type="checkbox"></td>
                        <td class="project-id "></td>
                        <td class="project-name"></td>
                        <td class="project-status"></td>
                        <td class="project-period"></td>
                        <td class="project-customerName"></td>
                        <td class="project-customerOfficePhone"></td>
                        <td class="project-customerFinancePhone"></td>
                        <td class="project-amount"></td>
                        <td class="project-receivedPrice"></td>
                        <td class="project-responsiblePersonName"></td>
                        <td class="project-startDate"></td>
                        <td class="project-endDate"></td>
                        <td class="">
                            <div>
                                <a class="" data-toggle="modal" data-target="#myModal-projectReceipt" onclick="setProjectReceiptModalInformation(this)">
                                    <span class="glyphicon glyphicon-eye-open" aria-hidden="true"></span>
                                </a>
                            </div>
                        </td>
                        <td class="">
                            <div>
                                <a class="" data-toggle="modal" data-target="#myModal-updateProjectContract" onclick="setUpdateModalInformation(this)">
                                    <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
                                </a>
                            </div>
                        </td>
                        <td>
                            <div>
                                <a data-toggle="modal" data-target="#myModal-makeSureDelete" onclick="setMakeSureDeleteButtonValue(this)"><span class="glyphicon glyphicon-trash" aria-hidden="true"></span></a>
                            </div>
                        </td>
                    </tr>
                    <tr class="table-tr hidden">
                        <td class="project-checkBox tbody-td-id" style="width: 34px"><input class="select-box select-sub-box" type="checkbox"></td>
                        <td class="project-id "></td>
                        <td class="project-name"></td>
                        <td class="project-status"></td>
                        <td class="project-period"></td>
                        <td class="project-customerName"></td>
                        <td class="project-customerOfficePhone"></td>
                        <td class="project-customerFinancePhone"></td>
                        <td class="project-amount"></td>
                        <td class="project-receivedPrice"></td>
                        <td class="project-responsiblePersonName"></td>
                        <td class="project-startDate"></td>
                        <td class="project-endDate"></td>
                        <td class="">
                            <div>
                                <a class="" data-toggle="modal" data-target="#myModal-projectReceipt" onclick="setProjectReceiptModalInformation(this)">
                                    <span class="glyphicon glyphicon-eye-open" aria-hidden="true"></span>
                                </a>
                            </div>
                        </td>
                        <td class="">
                            <div>
                                <a class="" data-toggle="modal" data-target="#myModal-updateProjectContract" onclick="setUpdateModalInformation(this)">
                                    <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
                                </a>
                            </div>
                        </td>
                        <td>
                            <div>
                                <a data-toggle="modal" data-target="#myModal-makeSureDelete" onclick="setMakeSureDeleteButtonValue(this)"><span class="glyphicon glyphicon-trash" aria-hidden="true"></span></a>
                            </div>
                        </td>
                    </tr>
                    <tr class="table-tr hidden">
                        <td class="project-checkBox tbody-td-id" style="width: 34px"><input class="select-box select-sub-box" type="checkbox"></td>
                        <td class="project-id "></td>
                        <td class="project-name"></td>
                        <td class="project-status"></td>
                        <td class="project-period"></td>
                        <td class="project-customerName"></td>
                        <td class="project-customerOfficePhone"></td>
                        <td class="project-customerFinancePhone"></td>
                        <td class="project-amount"></td>
                        <td class="project-receivedPrice"></td>
                        <td class="project-responsiblePersonName"></td>
                        <td class="project-startDate"></td>
                        <td class="project-endDate"></td>
                        <td class="">
                            <div>
                                <a class="" data-toggle="modal" data-target="#myModal-projectReceipt" onclick="setProjectReceiptModalInformation(this)">
                                    <span class="glyphicon glyphicon-eye-open" aria-hidden="true"></span>
                                </a>
                            </div>
                        </td>
                        <td class="">
                            <div>
                                <a class="" data-toggle="modal" data-target="#myModal-updateProjectContract" onclick="setUpdateModalInformation(this)">
                                    <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
                                </a>
                            </div>
                        </td>
                        <td>
                            <div>
                                <a data-toggle="modal" data-target="#myModal-makeSureDelete" onclick="setMakeSureDeleteButtonValue(this)"><span class="glyphicon glyphicon-trash" aria-hidden="true"></span></a>
                            </div>
                        </td>
                    </tr>
                    <tr class="table-tr hidden">
                        <td class="project-checkBox tbody-td-id" style="width: 34px"><input class="select-box select-sub-box" type="checkbox"></td>
                        <td class="project-id "></td>
                        <td class="project-name"></td>
                        <td class="project-status"></td>
                        <td class="project-period"></td>
                        <td class="project-customerName"></td>
                        <td class="project-customerOfficePhone"></td>
                        <td class="project-customerFinancePhone"></td>
                        <td class="project-amount"></td>
                        <td class="project-receivedPrice"></td>
                        <td class="project-responsiblePersonName"></td>
                        <td class="project-startDate"></td>
                        <td class="project-endDate"></td>
                        <td class="">
                            <div>
                                <a class="" data-toggle="modal" data-target="#myModal-projectReceipt" onclick="setProjectReceiptModalInformation(this)">
                                    <span class="glyphicon glyphicon-eye-open" aria-hidden="true"></span>
                                </a>
                            </div>
                        </td>
                        <td class="">
                            <div>
                                <a class="" data-toggle="modal" data-target="#myModal-updateProjectContract" onclick="setUpdateModalInformation(this)">
                                    <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
                                </a>
                            </div>
                        </td>
                        <td>
                            <div>
                                <a data-toggle="modal" data-target="#myModal-makeSureDelete" onclick="setMakeSureDeleteButtonValue(this)"><span class="glyphicon glyphicon-trash" aria-hidden="true"></span></a>
                            </div>
                        </td>
                    </tr>
                    <tr class="table-tr hidden">
                        <td class="project-checkBox tbody-td-id" style="width: 34px"><input class="select-box select-sub-box" type="checkbox"></td>
                        <td class="project-id "></td>
                        <td class="project-name"></td>
                        <td class="project-status"></td>
                        <td class="project-period"></td>
                        <td class="project-customerName"></td>
                        <td class="project-customerOfficePhone"></td>
                        <td class="project-customerFinancePhone"></td>
                        <td class="project-amount"></td>
                        <td class="project-receivedPrice"></td>
                        <td class="project-responsiblePersonName"></td>
                        <td class="project-startDate"></td>
                        <td class="project-endDate"></td>
                        <td class="">
                            <div>
                                <a class="" data-toggle="modal" data-target="#myModal-projectReceipt" onclick="setProjectReceiptModalInformation(this)">
                                    <span class="glyphicon glyphicon-eye-open" aria-hidden="true"></span>
                                </a>
                            </div>
                        </td>
                        <td class="">
                            <div>
                                <a class="" data-toggle="modal" data-target="#myModal-updateProjectContract" onclick="setUpdateModalInformation(this)">
                                    <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
                                </a>
                            </div>
                        </td>
                        <td>
                            <div>
                                <a data-toggle="modal" data-target="#myModal-makeSureDelete" onclick="setMakeSureDeleteButtonValue(this)"><span class="glyphicon glyphicon-trash" aria-hidden="true"></span></a>
                            </div>
                        </td>
                    </tr>
                    <tr class="table-tr hidden">
                        <td class="project-checkBox tbody-td-id" style="width: 34px"><input class="select-box select-sub-box" type="checkbox"></td>
                        <td class="project-id "></td>
                        <td class="project-name"></td>
                        <td class="project-status"></td>
                        <td class="project-period"></td>
                        <td class="project-customerName"></td>
                        <td class="project-customerOfficePhone"></td>
                        <td class="project-customerFinancePhone"></td>
                        <td class="project-amount"></td>
                        <td class="project-receivedPrice"></td>
                        <td class="project-responsiblePersonName"></td>
                        <td class="project-startDate"></td>
                        <td class="project-endDate"></td>
                        <td class="">
                            <div>
                                <a class="" data-toggle="modal" data-target="#myModal-projectReceipt" onclick="setProjectReceiptModalInformation(this)">
                                    <span class="glyphicon glyphicon-eye-open" aria-hidden="true"></span>
                                </a>
                            </div>
                        </td>
                        <td class="">
                            <div>
                                <a class="" data-toggle="modal" data-target="#myModal-updateProjectContract" onclick="setUpdateModalInformation(this)">
                                    <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
                                </a>
                            </div>
                        </td>
                        <td>
                            <div>
                                <a data-toggle="modal" data-target="#myModal-makeSureDelete" onclick="setMakeSureDeleteButtonValue(this)"><span class="glyphicon glyphicon-trash" aria-hidden="true"></span></a>
                            </div>
                        </td>
                    </tr>
                    <tr class="table-tr hidden">
                        <td class="project-checkBox tbody-td-id" style="width: 34px"><input class="select-box select-sub-box" type="checkbox"></td>
                        <td class="project-id "></td>
                        <td class="project-name"></td>
                        <td class="project-status"></td>
                        <td class="project-period"></td>
                        <td class="project-customerName"></td>
                        <td class="project-customerOfficePhone"></td>
                        <td class="project-customerFinancePhone"></td>
                        <td class="project-amount"></td>
                        <td class="project-receivedPrice"></td>
                        <td class="project-responsiblePersonName"></td>
                        <td class="project-startDate"></td>
                        <td class="project-endDate"></td>
                        <td class="">
                            <div>
                                <a class="" data-toggle="modal" data-target="#myModal-projectReceipt" onclick="setProjectReceiptModalInformation(this)">
                                    <span class="glyphicon glyphicon-eye-open" aria-hidden="true"></span>
                                </a>
                            </div>
                        </td>
                        <td class="">
                            <div>
                                <a class="" data-toggle="modal" data-target="#myModal-updateProjectContract" onclick="setUpdateModalInformation(this)">
                                    <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
                                </a>
                            </div>
                        </td>
                        <td>
                            <div>
                                <a data-toggle="modal" data-target="#myModal-makeSureDelete" onclick="setMakeSureDeleteButtonValue(this)"><span class="glyphicon glyphicon-trash" aria-hidden="true"></span></a>
                            </div>
                        </td>
                    </tr>
                    <tr class="table-tr hidden">
                        <td class="project-checkBox tbody-td-id" style="width: 34px"><input class="select-box select-sub-box" type="checkbox"></td>
                        <td class="project-id "></td>
                        <td class="project-name"></td>
                        <td class="project-status"></td>
                        <td class="project-period"></td>
                        <td class="project-customerName"></td>
                        <td class="project-customerOfficePhone"></td>
                        <td class="project-customerFinancePhone"></td>
                        <td class="project-amount"></td>
                        <td class="project-receivedPrice"></td>
                        <td class="project-responsiblePersonName"></td>
                        <td class="project-startDate"></td>
                        <td class="project-endDate"></td>
                        <td class="">
                            <div>
                                <a class="" data-toggle="modal" data-target="#myModal-projectReceipt" onclick="setProjectReceiptModalInformation(this)">
                                    <span class="glyphicon glyphicon-eye-open" aria-hidden="true"></span>
                                </a>
                            </div>
                        </td>
                        <td class="">
                            <div>
                                <a class="" data-toggle="modal" data-target="#myModal-updateProjectContract" onclick="setUpdateModalInformation(this)">
                                    <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
                                </a>
                            </div>
                        </td>
                        <td>
                            <div>
                                <a data-toggle="modal" data-target="#myModal-makeSureDelete" onclick="setMakeSureDeleteButtonValue(this)"><span class="glyphicon glyphicon-trash" aria-hidden="true"></span></a>
                            </div>
                        </td>
                    </tr>
                    </tbody>
                </table>
            </div>
            <div class="page-body">
                <ul class="page-ul">
                    <li class="page-ul-li">
                        <div class="input-group" style="width: 110px">
                            <input type="text" class="form-control skipPage" placeholder="">
                            <span class="input-group-btn">
                                <button id="jump-button" class="btn btn-default" onclick="skipPage()" type="button">跳转</button>
                             </span>
                        </div>
                    </li>
                    <li class="page-ul-li"><a class="btn btn-default page-button" onclick="nextPage()"><span class="caret caret-left"></span></a></li>
                    <li class="page-ul-li" style="margin-top: 8px"><span class="currentPage"></span>/<span class="totalPage"></span></li>
                    <li class="page-ul-li"><a class="btn btn-default page-button" onclick="previousPage()"><span class="caret caret-right"></span></a></li>
                </ul>
            </div>
        </div>
    </div>
</div>
<!--------------------------------------------签订项目合同modal------------------------------------------------------------>
<!-------------------------------------------------------------------------------------------------------->
<div class="modal fade" id="myModal-signContract" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel">签订项目合同</h4>
            </div>
            <div class="modal-body" style="padding: 15px 20px">
                <form class="form-horizontal">
                    <div class="form-group">
                        <label for="modal-contractName" class="col-xs-3 control-label">项目名称</label>
                        <div class="col-xs-7">
                            <input type="text" class="form-control" id="modal-contractName" >
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="modal-contractCustomerName" class="col-xs-3 control-label">客户单位名称</label>
                        <div class="col-xs-7">
                            <input type="text" class="form-control" id="modal-contractCustomerName" >
                        </div>
                    </div>
                    <!--<div class="form-group">
                        <label for="modal-contractStartDate" class="col-xs-3 control-label">合同开始日期</label>
                        <div class="col-xs-7">
                            <input type="date" class="form-control" id="modal-contractStartDate" >
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="modal-contractEndDate" class="col-xs-3 control-label">合同结束日期</label>
                        <div class="col-xs-7">
                            <input type="date" class="form-control" id="modal-contractEndDate" >
                        </div>
                    </div>-->
                    <div class="form-group">
                        <label for="modal-contractStartDate" class="col-xs-3 control-label">合同开始日期</label>
                        <div class="input-group date to_date col-xs-7" style="padding:0 15px">
                            <input type="text" class="form-control" id="modal-contractStartDate" >
                            <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="modal-contractEndDate" class="col-xs-3 control-label">合同结束日期</label>
                        <div class="input-group date to_date col-xs-7" style="padding:0 15px">
                            <input type="text" class="form-control" id="modal-contractEndDate" >
                            <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-xs-3 control-label">项目状态：</label>
                        <div class="col-xs-7">
                            <div class="dropdown dropdown-div" >
                                <button class="btn btn-default dropdown-toggle"  type="button" value='' id="modal-projectStatus" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
                                    请选择
                                    <span class="caret"></span>
                                </button>
                                <ul class="dropdown-menu dropdown-menu-projectStatus" aria-labelledby="staffInformation-department">
                                    <li><a value="">请选择</a></li>
                                    <li class="hidden"><a></a></li>
                                    <li class="hidden"><a></a></li>
                                    <li class="hidden"><a></a></li>
                                    <li class="hidden"><a></a></li>
                                    <li class="hidden"><a></a></li>
                                    <li class="hidden"><a></a></li>
                                    <li class="hidden"><a></a></li>
                                    <li class="hidden"><a></a></li>
                                    <li class="hidden"><a></a></li>
                                    <li class="hidden"><a></a></li>
                                    <li class="hidden"><a></a></li>
                                    <li class="hidden"><a></a></li>
                                    <li class="hidden"><a></a></li>
                                    <li class="hidden"><a></a></li>
                                    <li class="hidden"><a></a></li>
                                    <li class="hidden"><a></a></li>
                                    <li class="hidden"><a></a></li>
                                    <li class="hidden"><a></a></li>
                                    <li class="hidden"><a></a></li>
                                    <li class="hidden"><a></a></li>
                                    <li class="hidden"><a></a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="modal-contractAmount" class="col-xs-3 control-label">项目总金额</label>
                        <div class="col-xs-7">
                            <input type="text" class="form-control" id="modal-contractAmount" >
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="modal-contractCustomerOfficePhone" class="col-xs-3 control-label">客户办公室电话</label>
                        <div class="col-xs-7">
                            <input type="text" class="form-control" id="modal-contractCustomerOfficePhone" >
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="modal-contractCustomerFinancePhone" class="col-xs-3 control-label">客户财务电话</label>
                        <div class="col-xs-7">
                            <input type="text" class="form-control" id="modal-contractCustomerFinancePhone" >
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="modal-contractResponsibleName" class="col-xs-3 control-label">项目负责人</label>
                        <div class="col-xs-7">
                            <input type="text" data-toggle="modal" onclick="getAllStaff(this)"  value="" data-value="contractResponsibleName" data-target="#myModal-selectStaff" class="form-control" id="modal-contractResponsibleName">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="modal-contractStaffs" class="col-xs-3 control-label">项目人员</label>
                        <div class="col-xs-7">
                            <textarea data-toggle="modal" onclick="getAllStaff(this)"  value="" data-value="contractStaffs" data-target="#myModal-selectStaff"class="form-control" id="modal-contractStaffs" style="height: 90px; overflow-y: auto"></textarea>
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                <button type="button" class="btn btn-primary" onclick="addProjectContract()">确认</button>
            </div>
        </div>
    </div>
</div>
<div class="modal fade" id="myModal-updateProjectContract" tabindex="-1" role="dialog" aria-labelledby="myModalLabel-signContract">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel-signContract">修改项目</h4>
            </div>
            <div class="modal-body" style="padding: 15px 20px">
                <form class="form-horizontal">
                    <div class="form-group">
                        <label for="modal-updateProjectID" class="col-xs-3 control-label">项目编号</label>
                        <div class="col-xs-7">
                            <input type="text" class="form-control" disabled="disabled" id="modal-updateProjectID" >
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="modal-updateProjectName" class="col-xs-3 control-label">项目名称</label>
                        <div class="col-xs-7">
                            <input type="text" class="form-control" id="modal-updateProjectName" >
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="modal-updateProjectCustomerName" class="col-xs-3 control-label">客户单位名称</label>
                        <div class="col-xs-7">
                            <input type="text" class="form-control" id="modal-updateProjectCustomerName" >
                        </div>
                    </div>
                    <!--<div class="form-group">
                        <label for="modal-updateProjectStartDate" class="col-xs-3 control-label">合同开始日期</label>
                        <div class="col-xs-7">
                            <input type="date" class="form-control" id="modal-updateProjectStartDate" >
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="modal-updateProjectEndDate" class="col-xs-3 control-label">合同结束日期</label>
                        <div class="col-xs-7">
                            <input type="date" class="form-control" id="modal-updateProjectEndDate" >
                        </div>
                    </div>
                    -->
                    <div class="form-group">
                        <label for="modal-updateProjectStartDate" class="col-xs-3 control-label">合同开始日期</label>
                        <div class="input-group date to_date col-xs-7" style="padding:0 15px">
                            <input type="text" class="form-control" value="年/月/日" id="modal-updateProjectStartDate" >
                            <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="modal-updateProjectEndDate" class="col-xs-3 control-label">合同结束日期</label>
                        <div class="input-group date from_date col-xs-7" style="padding:0 15px">
                            <input type="text" class="form-control" value="年/月/日" id="modal-updateProjectEndDate" >
                            <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-xs-3 control-label">项目状态：</label>
                        <div class="col-xs-7">
                            <div class="dropdown dropdown-div" >
                                <button class="btn btn-default dropdown-toggle"  type="button" value='' id="modal-updateProjectStatus" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
                                    请选择
                                    <span class="caret"></span>
                                </button>
                                <ul class="dropdown-menu dropdown-menu-projectStatus" aria-labelledby="staffInformation-department">
                                    <li><a value="">请选择</a></li>
                                    <li class="hidden"><a></a></li>
                                    <li class="hidden"><a></a></li>
                                    <li class="hidden"><a></a></li>
                                    <li class="hidden"><a></a></li>
                                    <li class="hidden"><a></a></li>
                                    <li class="hidden"><a></a></li>
                                    <li class="hidden"><a></a></li>
                                    <li class="hidden"><a></a></li>
                                    <li class="hidden"><a></a></li>
                                    <li class="hidden"><a></a></li>
                                    <li class="hidden"><a></a></li>
                                    <li class="hidden"><a></a></li>
                                    <li class="hidden"><a></a></li>
                                    <li class="hidden"><a></a></li>
                                    <li class="hidden"><a></a></li>
                                    <li class="hidden"><a></a></li>
                                    <li class="hidden"><a></a></li>
                                    <li class="hidden"><a></a></li>
                                    <li class="hidden"><a></a></li>
                                    <li class="hidden"><a></a></li>
                                    <li class="hidden"><a></a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="modal-updateProjectAmount" class="col-xs-3 control-label">项目总金额</label>
                        <div class="col-xs-7">
                            <input type="text" class="form-control" id="modal-updateProjectAmount" >
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="modal-updateProjectReceiptPrice" class="col-xs-3 control-label">已收金额</label>
                        <div class="col-xs-7">
                            <input type="text" class="form-control" id="modal-updateProjectReceiptPrice" disabled="disabled">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="modal-updateProjectCustomerOfficePhone" class="col-xs-3 control-label">客户办公室电话</label>
                        <div class="col-xs-7">
                            <input type="text" class="form-control" id="modal-updateProjectCustomerOfficePhone" >
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="modal-updateProjectCustomerFinancePhone" class="col-xs-3 control-label">客户财务电话</label>
                        <div class="col-xs-7">
                            <input type="text" class="form-control" id="modal-updateProjectCustomerFinancePhone" >
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="modal-updateProjectResponsibleName" class="col-xs-3 control-label">项目负责人</label>
                        <div class="col-xs-7">
                            <input type="text" data-toggle="modal" onclick="getAllStaff(this)"  value="" data-value="updateProjectResponsibleName" data-target="#myModal-selectStaff" class="form-control" id="modal-updateProjectResponsibleName">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="modal-updateProjectStaffs" class="col-xs-3 control-label">项目人员</label>
                        <div class="col-xs-7">
                            <textarea data-toggle="modal" onclick="getAllStaff(this)"  value="" data-value="updateProjectStaffs" data-target="#myModal-selectStaff"class="form-control" id="modal-updateProjectStaffs" style="height: 90px; overflow-y: auto"></textarea>
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                <button type="button" class="btn btn-primary" onclick="updateProjectContract()">确认</button>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="myModal-projectReceipt" tabindex="-1" role="dialog" aria-labelledby="myModalLabel-projectReceipt">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel-projectReceipt">项目收款记录表</h4>
            </div>
            <div class="modal-body" style="padding: 0px 20px">
                <form class="form-horizontal">
                    <div class="form-group" >
                        <div class="table-body" style="height: 500px; overflow-y: scroll">
                            <table class="table table-hover">
                                <thead>
                                <tr>
                                    <th id="projectReceipt-projectName-th" value-id="" value-name="">项目名称</th>
                                    <th>收款金额</th>
                                    <th>收款时间</th>
                                    <th>描述</th>
                                    <th>经办人姓名</th>
                                    <th style="width: 50px">修改</th>
                                </tr>
                                </thead>
                                <tbody >
                                <tr class="table-trr hidden">
                                    <td class="projectReceipt-projectName" value=""></td>
                                    <td class="projectReceipt-price"></td>
                                    <td class="projectReceipt-time"></td>
                                    <td class="projectReceipt-description"></td>
                                    <td class="projectReceipt-operator"></td>
                                    <td class="">
                                        <div>
                                            <a class="" data-toggle="modal" data-target="#myModal-updateProjectReceipt" onclick="setUpdateProjectReceiptModalInformation(this)">
                                                <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
                                            </a>
                                        </div>
                                    </td>
                                </tr>
                                <tr class="table-trr hidden">
                                    <td class="projectReceipt-projectName" value=""></td>
                                    <td class="projectReceipt-price"></td>
                                    <td class="projectReceipt-time"></td>
                                    <td class="projectReceipt-description"></td>
                                    <td class="projectReceipt-operator"></td>
                                    <td class="">
                                        <div>
                                            <a class="" data-toggle="modal" data-target="#myModal-updateProjectReceipt" onclick="setUpdateProjectReceiptModalInformation(this)">
                                                <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
                                            </a>
                                        </div>
                                    </td>
                                </tr>
                                <tr class="table-trr hidden">
                                    <td class="projectReceipt-projectName" value=""></td>
                                    <td class="projectReceipt-price"></td>
                                    <td class="projectReceipt-time"></td>
                                    <td class="projectReceipt-description"></td>
                                    <td class="projectReceipt-operator"></td>
                                    <td class="">
                                        <div>
                                            <a class="" data-toggle="modal" data-target="#myModal-updateProjectReceipt" onclick="setUpdateProjectReceiptModalInformation(this)">
                                                <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
                                            </a>
                                        </div>
                                    </td>
                                </tr>
                                <tr class="table-trr hidden">
                                    <td class="projectReceipt-projectName" value=""></td>
                                    <td class="projectReceipt-price"></td>
                                    <td class="projectReceipt-time"></td>
                                    <td class="projectReceipt-description"></td>
                                    <td class="projectReceipt-operator"></td>
                                    <td class="">
                                        <div>
                                            <a class="" data-toggle="modal" data-target="#myModal-updateProjectReceipt" onclick="setUpdateProjectReceiptModalInformation(this)">
                                                <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
                                            </a>
                                        </div>
                                    </td>
                                </tr>
                                <tr class="table-trr hidden">
                                    <td class="projectReceipt-projectName" value=""></td>
                                    <td class="projectReceipt-price"></td>
                                    <td class="projectReceipt-time"></td>
                                    <td class="projectReceipt-description"></td>
                                    <td class="projectReceipt-operator"></td>
                                    <td class="">
                                        <div>
                                            <a class="" data-toggle="modal" data-target="#myModal-updateProjectReceipt" onclick="setUpdateProjectReceiptModalInformation(this)">
                                                <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
                                            </a>
                                        </div>
                                    </td>
                                </tr>
                                <tr class="table-trr hidden">
                                    <td class="projectReceipt-projectName" value=""></td>
                                    <td class="projectReceipt-price"></td>
                                    <td class="projectReceipt-time"></td>
                                    <td class="projectReceipt-description"></td>
                                    <td class="projectReceipt-operator"></td>
                                    <td class="">
                                        <div>
                                            <a class="" data-toggle="modal" data-target="#myModal-updateProjectReceipt" onclick="setUpdateProjectReceiptModalInformation(this)">
                                                <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
                                            </a>
                                        </div>
                                    </td>
                                </tr>
                                <tr class="table-trr hidden">
                                    <td class="projectReceipt-projectName" value=""></td>
                                    <td class="projectReceipt-price"></td>
                                    <td class="projectReceipt-time"></td>
                                    <td class="projectReceipt-description"></td>
                                    <td class="projectReceipt-operator"></td>
                                    <td class="">
                                        <div>
                                            <a class="" data-toggle="modal" data-target="#myModal-updateProjectReceipt" onclick="setUpdateProjectReceiptModalInformation(this)">
                                                <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
                                            </a>
                                        </div>
                                    </td>
                                </tr>
                                <tr class="table-trr hidden">
                                    <td class="projectReceipt-projectName" value=""></td>
                                    <td class="projectReceipt-price"></td>
                                    <td class="projectReceipt-time"></td>
                                    <td class="projectReceipt-description"></td>
                                    <td class="projectReceipt-operator"></td>
                                    <td class="">
                                        <div>
                                            <a class="" data-toggle="modal" data-target="#myModal-updateProjectReceipt" onclick="setUpdateProjectReceiptModalInformation(this)">
                                                <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
                                            </a>
                                        </div>
                                    </td>
                                </tr>
                                <tr class="table-trr hidden">
                                    <td class="projectReceipt-projectName" value=""></td>
                                    <td class="projectReceipt-price"></td>
                                    <td class="projectReceipt-time"></td>
                                    <td class="projectReceipt-description"></td>
                                    <td class="projectReceipt-operator"></td>
                                    <td class="">
                                        <div>
                                            <a class="" data-toggle="modal" data-target="#myModal-updateProjectReceipt" onclick="setUpdateProjectReceiptModalInformation(this)">
                                                <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
                                            </a>
                                        </div>
                                    </td>
                                </tr>
                                <tr class="table-trr hidden">
                                    <td class="projectReceipt-projectName" value=""></td>
                                    <td class="projectReceipt-price"></td>
                                    <td class="projectReceipt-time"></td>
                                    <td class="projectReceipt-description"></td>
                                    <td class="projectReceipt-operator"></td>
                                    <td class="">
                                        <div>
                                            <a class="" data-toggle="modal" data-target="#myModal-updateProjectReceipt" onclick="setUpdateProjectReceiptModalInformation(this)">
                                                <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
                                            </a>
                                        </div>
                                    </td>
                                </tr>
                                <tr class="table-trr hidden">
                                    <td class="projectReceipt-projectName" value=""></td>
                                    <td class="projectReceipt-price"></td>
                                    <td class="projectReceipt-time"></td>
                                    <td class="projectReceipt-description"></td>
                                    <td class="projectReceipt-operator"></td>
                                    <td class="">
                                        <div>
                                            <a class="" data-toggle="modal" data-target="#myModal-updateProjectReceipt" onclick="setUpdateProjectReceiptModalInformation(this)">
                                                <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
                                            </a>
                                        </div>
                                    </td>
                                </tr>
                                <tr class="table-trr hidden">
                                    <td class="projectReceipt-projectName" value=""></td>
                                    <td class="projectReceipt-price"></td>
                                    <td class="projectReceipt-time"></td>
                                    <td class="projectReceipt-description"></td>
                                    <td class="projectReceipt-operator"></td>
                                    <td class="">
                                        <div>
                                            <a class="" data-toggle="modal" data-target="#myModal-updateProjectReceipt" onclick="setUpdateProjectReceiptModalInformation(this)">
                                                <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
                                            </a>
                                        </div>
                                    </td>
                                </tr>
                                <tr class="table-trr hidden">
                                    <td class="projectReceipt-projectName" value=""></td>
                                    <td class="projectReceipt-price"></td>
                                    <td class="projectReceipt-time"></td>
                                    <td class="projectReceipt-description"></td>
                                    <td class="projectReceipt-operator"></td>
                                    <td class="">
                                        <div>
                                            <a class="" data-toggle="modal" data-target="#myModal-updateProjectReceipt" onclick="setUpdateProjectReceiptModalInformation(this)">
                                                <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
                                            </a>
                                        </div>
                                    </td>
                                </tr>
                                <tr class="table-trr hidden">
                                    <td class="projectReceipt-projectName" value=""></td>
                                    <td class="projectReceipt-price"></td>
                                    <td class="projectReceipt-time"></td>
                                    <td class="projectReceipt-description"></td>
                                    <td class="projectReceipt-operator"></td>
                                    <td class="">
                                        <div>
                                            <a class="" data-toggle="modal" data-target="#myModal-updateProjectReceipt" onclick="setUpdateProjectReceiptModalInformation(this)">
                                                <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
                                            </a>
                                        </div>
                                    </td>
                                </tr>
                                <tr class="table-trr hidden">
                                    <td class="projectReceipt-projectName" value=""></td>
                                    <td class="projectReceipt-price"></td>
                                    <td class="projectReceipt-time"></td>
                                    <td class="projectReceipt-description"></td>
                                    <td class="projectReceipt-operator"></td>
                                    <td class="">
                                        <div>
                                            <a class="" data-toggle="modal" data-target="#myModal-updateProjectReceipt" onclick="setUpdateProjectReceiptModalInformation(this)">
                                                <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
                                            </a>
                                        </div>
                                    </td>
                                </tr>
                                <tr class="table-trr hidden">
                                    <td class="projectReceipt-projectName" value=""></td>
                                    <td class="projectReceipt-price"></td>
                                    <td class="projectReceipt-time"></td>
                                    <td class="projectReceipt-description"></td>
                                    <td class="projectReceipt-operator"></td>
                                    <td class="">
                                        <div>
                                            <a class="" data-toggle="modal" data-target="#myModal-updateProjectReceipt" onclick="setUpdateProjectReceiptModalInformation(this)">
                                                <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
                                            </a>
                                        </div>
                                    </td>
                                </tr>
                                <tr class="table-trr hidden">
                                    <td class="projectReceipt-projectName" value=""></td>
                                    <td class="projectReceipt-price"></td>
                                    <td class="projectReceipt-time"></td>
                                    <td class="projectReceipt-description"></td>
                                    <td class="projectReceipt-operator"></td>
                                    <td class="">
                                        <div>
                                            <a class="" data-toggle="modal" data-target="#myModal-updateProjectReceipt" onclick="setUpdateProjectReceiptModalInformation(this)">
                                                <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
                                            </a>
                                        </div>
                                    </td>
                                </tr>
                                <tr class="table-trr hidden">
                                    <td class="projectReceipt-projectName" value=""></td>
                                    <td class="projectReceipt-price"></td>
                                    <td class="projectReceipt-time"></td>
                                    <td class="projectReceipt-description"></td>
                                    <td class="projectReceipt-operator"></td>
                                    <td class="">
                                        <div>
                                            <a class="" data-toggle="modal" data-target="#myModal-updateProjectReceipt" onclick="setUpdateProjectReceiptModalInformation(this)">
                                                <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
                                            </a>
                                        </div>
                                    </td>
                                </tr>
                                <tr class="table-trr hidden">
                                    <td class="projectReceipt-projectName" value=""></td>
                                    <td class="projectReceipt-price"></td>
                                    <td class="projectReceipt-time"></td>
                                    <td class="projectReceipt-description"></td>
                                    <td class="projectReceipt-operator"></td>
                                    <td class="">
                                        <div>
                                            <a class="" data-toggle="modal" data-target="#myModal-updateProjectReceipt" onclick="setUpdateProjectReceiptModalInformation(this)">
                                                <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
                                            </a>
                                        </div>
                                    </td>
                                </tr>
                                <tr class="table-trr hidden">
                                    <td class="projectReceipt-projectName" value=""></td>
                                    <td class="projectReceipt-price"></td>
                                    <td class="projectReceipt-time"></td>
                                    <td class="projectReceipt-description"></td>
                                    <td class="projectReceipt-operator"></td>
                                    <td class="">
                                        <div>
                                            <a class="" data-toggle="modal" data-target="#myModal-updateProjectReceipt" onclick="setUpdateProjectReceiptModalInformation(this)">
                                                <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
                                            </a>
                                        </div>
                                    </td>
                                </tr>
                                <tr class="table-trr hidden">
                                    <td class="projectReceipt-projectName" value=""></td>
                                    <td class="projectReceipt-price"></td>
                                    <td class="projectReceipt-time"></td>
                                    <td class="projectReceipt-description"></td>
                                    <td class="projectReceipt-operator"></td>
                                    <td class="">
                                        <div>
                                            <a class="" data-toggle="modal" data-target="#myModal-updateProjectReceipt" onclick="setUpdateProjectReceiptModalInformation(this)">
                                                <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
                                            </a>
                                        </div>
                                    </td>
                                </tr>
                                <tr class="table-trr hidden">
                                    <td class="projectReceipt-projectName" value=""></td>
                                    <td class="projectReceipt-price"></td>
                                    <td class="projectReceipt-time"></td>
                                    <td class="projectReceipt-description"></td>
                                    <td class="projectReceipt-operator"></td>
                                    <td class="">
                                        <div>
                                            <a class="" data-toggle="modal" data-target="#myModal-updateProjectReceipt" onclick="setUpdateProjectReceiptModalInformation(this)">
                                                <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
                                            </a>
                                        </div>
                                    </td>
                                </tr>
                                <tr class="table-trr hidden">
                                    <td class="projectReceipt-projectName" value=""></td>
                                    <td class="projectReceipt-price"></td>
                                    <td class="projectReceipt-time"></td>
                                    <td class="projectReceipt-description"></td>
                                    <td class="projectReceipt-operator"></td>
                                    <td class="">
                                        <div>
                                            <a class="" data-toggle="modal" data-target="#myModal-updateProjectReceipt" onclick="setUpdateProjectReceiptModalInformation(this)">
                                                <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
                                            </a>
                                        </div>
                                    </td>
                                </tr>
                                <tr class="table-trr hidden">
                                    <td class="projectReceipt-projectName" value=""></td>
                                    <td class="projectReceipt-price"></td>
                                    <td class="projectReceipt-time"></td>
                                    <td class="projectReceipt-description"></td>
                                    <td class="projectReceipt-operator"></td>
                                    <td class="">
                                        <div>
                                            <a class="" data-toggle="modal" data-target="#myModal-updateProjectReceipt" onclick="setUpdateProjectReceiptModalInformation(this)">
                                                <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
                                            </a>
                                        </div>
                                    </td>
                                </tr>
                                <tr class="table-trr hidden">
                                    <td class="projectReceipt-projectName" value=""></td>
                                    <td class="projectReceipt-price"></td>
                                    <td class="projectReceipt-time"></td>
                                    <td class="projectReceipt-description"></td>
                                    <td class="projectReceipt-operator"></td>
                                    <td class="">
                                        <div>
                                            <a class="" data-toggle="modal" data-target="#myModal-updateProjectReceipt" onclick="setUpdateProjectReceiptModalInformation(this)">
                                                <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
                                            </a>
                                        </div>
                                    </td>
                                </tr>
                                <tr class="table-trr hidden">
                                    <td class="projectReceipt-projectName" value=""></td>
                                    <td class="projectReceipt-price"></td>
                                    <td class="projectReceipt-time"></td>
                                    <td class="projectReceipt-description"></td>
                                    <td class="projectReceipt-operator"></td>
                                    <td class="">
                                        <div>
                                            <a class="" data-toggle="modal" data-target="#myModal-updateProjectReceipt" onclick="setUpdateProjectReceiptModalInformation(this)">
                                                <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
                                            </a>
                                        </div>
                                    </td>
                                </tr>
                                <tr class="table-trr hidden">
                                    <td class="projectReceipt-projectName" value=""></td>
                                    <td class="projectReceipt-price"></td>
                                    <td class="projectReceipt-time"></td>
                                    <td class="projectReceipt-description"></td>
                                    <td class="projectReceipt-operator"></td>
                                    <td class="">
                                        <div>
                                            <a class="" data-toggle="modal" data-target="#myModal-updateProjectReceipt" onclick="setUpdateProjectReceiptModalInformation(this)">
                                                <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
                                            </a>
                                        </div>
                                    </td>
                                </tr>
                                <tr class="table-trr hidden">
                                    <td class="projectReceipt-projectName" value=""></td>
                                    <td class="projectReceipt-price"></td>
                                    <td class="projectReceipt-time"></td>
                                    <td class="projectReceipt-description"></td>
                                    <td class="projectReceipt-operator"></td>
                                    <td class="">
                                        <div>
                                            <a class="" data-toggle="modal" data-target="#myModal-updateProjectReceipt" onclick="setUpdateProjectReceiptModalInformation(this)">
                                                <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
                                            </a>
                                        </div>
                                    </td>
                                </tr>
                                <tr class="table-trr hidden">
                                    <td class="projectReceipt-projectName" value=""></td>
                                    <td class="projectReceipt-price"></td>
                                    <td class="projectReceipt-time"></td>
                                    <td class="projectReceipt-description"></td>
                                    <td class="projectReceipt-operator"></td>
                                    <td class="">
                                        <div>
                                            <a class="" data-toggle="modal" data-target="#myModal-updateProjectReceipt" onclick="setUpdateProjectReceiptModalInformation(this)">
                                                <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
                                            </a>
                                        </div>
                                    </td>
                                </tr>
                                <tr class="table-trr hidden">
                                    <td class="projectReceipt-projectName" value=""></td>
                                    <td class="projectReceipt-price"></td>
                                    <td class="projectReceipt-time"></td>
                                    <td class="projectReceipt-description"></td>
                                    <td class="projectReceipt-operator"></td>
                                    <td class="">
                                        <div>
                                            <a class="" data-toggle="modal" data-target="#myModal-updateProjectReceipt" onclick="setUpdateProjectReceiptModalInformation(this)">
                                                <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
                                            </a>
                                        </div>
                                    </td>
                                </tr>
                                <tr class="table-trr hidden">
                                    <td class="projectReceipt-projectName" value=""></td>
                                    <td class="projectReceipt-price"></td>
                                    <td class="projectReceipt-time"></td>
                                    <td class="projectReceipt-description"></td>
                                    <td class="projectReceipt-operator"></td>
                                    <td class="">
                                        <div>
                                            <a class="" data-toggle="modal" data-target="#myModal-updateProjectReceipt" onclick="setUpdateProjectReceiptModalInformation(this)">
                                                <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
                                            </a>
                                        </div>
                                    </td>
                                </tr>
                                <tr class="table-trr hidden">
                                    <td class="projectReceipt-projectName" value=""></td>
                                    <td class="projectReceipt-price"></td>
                                    <td class="projectReceipt-time"></td>
                                    <td class="projectReceipt-description"></td>
                                    <td class="projectReceipt-operator"></td>
                                    <td class="">
                                        <div>
                                            <a class="" data-toggle="modal" data-target="#myModal-updateProjectReceipt" onclick="setUpdateProjectReceiptModalInformation(this)">
                                                <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
                                            </a>
                                        </div>
                                    </td>
                                </tr>
                                <tr class="table-trr hidden">
                                    <td class="projectReceipt-projectName" value=""></td>
                                    <td class="projectReceipt-price"></td>
                                    <td class="projectReceipt-time"></td>
                                    <td class="projectReceipt-description"></td>
                                    <td class="projectReceipt-operator"></td>
                                    <td class="">
                                        <div>
                                            <a class="" data-toggle="modal" data-target="#myModal-updateProjectReceipt" onclick="setUpdateProjectReceiptModalInformation(this)">
                                                <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
                                            </a>
                                        </div>
                                    </td>
                                </tr>
                                <tr class="table-trr hidden">
                                    <td class="projectReceipt-projectName" value=""></td>
                                    <td class="projectReceipt-price"></td>
                                    <td class="projectReceipt-time"></td>
                                    <td class="projectReceipt-description"></td>
                                    <td class="projectReceipt-operator"></td>
                                    <td class="">
                                        <div>
                                            <a class="" data-toggle="modal" data-target="#myModal-updateProjectReceipt" onclick="setUpdateProjectReceiptModalInformation(this)">
                                                <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
                                            </a>
                                        </div>
                                    </td>
                                </tr>
                                <tr class="table-trr hidden">
                                    <td class="projectReceipt-projectName" value=""></td>
                                    <td class="projectReceipt-price"></td>
                                    <td class="projectReceipt-time"></td>
                                    <td class="projectReceipt-description"></td>
                                    <td class="projectReceipt-operator"></td>
                                    <td class="">
                                        <div>
                                            <a class="" data-toggle="modal" data-target="#myModal-updateProjectReceipt" onclick="setUpdateProjectReceiptModalInformation(this)">
                                                <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
                                            </a>
                                        </div>
                                    </td>
                                </tr>
                                <tr class="table-trr hidden">
                                    <td class="projectReceipt-projectName" value=""></td>
                                    <td class="projectReceipt-price"></td>
                                    <td class="projectReceipt-time"></td>
                                    <td class="projectReceipt-description"></td>
                                    <td class="projectReceipt-operator"></td>
                                    <td class="">
                                        <div>
                                            <a class="" data-toggle="modal" data-target="#myModal-updateProjectReceipt" onclick="setUpdateProjectReceiptModalInformation(this)">
                                                <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
                                            </a>
                                        </div>
                                    </td>
                                </tr>
                                <tr class="table-trr hidden">
                                    <td class="projectReceipt-projectName" value=""></td>
                                    <td class="projectReceipt-price"></td>
                                    <td class="projectReceipt-time"></td>
                                    <td class="projectReceipt-description"></td>
                                    <td class="projectReceipt-operator"></td>
                                    <td class="">
                                        <div>
                                            <a class="" data-toggle="modal" data-target="#myModal-updateProjectReceipt" onclick="setUpdateProjectReceiptModalInformation(this)">
                                                <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
                                            </a>
                                        </div>
                                    </td>
                                </tr>
                                <tr class="table-trr hidden">
                                    <td class="projectReceipt-projectName" value=""></td>
                                    <td class="projectReceipt-price"></td>
                                    <td class="projectReceipt-time"></td>
                                    <td class="projectReceipt-description"></td>
                                    <td class="projectReceipt-operator"></td>
                                    <td class="">
                                        <div>
                                            <a class="" data-toggle="modal" data-target="#myModal-updateProjectReceipt" onclick="setUpdateProjectReceiptModalInformation(this)">
                                                <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
                                            </a>
                                        </div>
                                    </td>
                                </tr>
                                <tr class="table-trr hidden">
                                    <td class="projectReceipt-projectName" value=""></td>
                                    <td class="projectReceipt-price"></td>
                                    <td class="projectReceipt-time"></td>
                                    <td class="projectReceipt-description"></td>
                                    <td class="projectReceipt-operator"></td>
                                    <td class="">
                                        <div>
                                            <a class="" data-toggle="modal" data-target="#myModal-updateProjectReceipt" onclick="setUpdateProjectReceiptModalInformation(this)">
                                                <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
                                            </a>
                                        </div>
                                    </td>
                                </tr>
                                <tr class="table-trr hidden">
                                    <td class="projectReceipt-projectName" value=""></td>
                                    <td class="projectReceipt-price"></td>
                                    <td class="projectReceipt-time"></td>
                                    <td class="projectReceipt-description"></td>
                                    <td class="projectReceipt-operator"></td>
                                    <td class="">
                                        <div>
                                            <a class="" data-toggle="modal" data-target="#myModal-updateProjectReceipt" onclick="setUpdateProjectReceiptModalInformation(this)">
                                                <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
                                            </a>
                                        </div>
                                    </td>
                                </tr>
                                <tr class="table-trr hidden">
                                    <td class="projectReceipt-projectName" value=""></td>
                                    <td class="projectReceipt-price"></td>
                                    <td class="projectReceipt-time"></td>
                                    <td class="projectReceipt-description"></td>
                                    <td class="projectReceipt-operator"></td>
                                    <td class="">
                                        <div>
                                            <a class="" data-toggle="modal" data-target="#myModal-updateProjectReceipt" onclick="setUpdateProjectReceiptModalInformation(this)">
                                                <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
                                            </a>
                                        </div>
                                    </td>
                                </tr>
                                <tr class="table-trr hidden">
                                    <td class="projectReceipt-projectName" value=""></td>
                                    <td class="projectReceipt-price"></td>
                                    <td class="projectReceipt-time"></td>
                                    <td class="projectReceipt-description"></td>
                                    <td class="projectReceipt-operator"></td>
                                    <td class="">
                                        <div>
                                            <a class="" data-toggle="modal" data-target="#myModal-updateProjectReceipt" onclick="setUpdateProjectReceiptModalInformation(this)">
                                                <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
                                            </a>
                                        </div>
                                    </td>
                                </tr>
                                <tr class="table-trr hidden">
                                    <td class="projectReceipt-projectName" value=""></td>
                                    <td class="projectReceipt-price"></td>
                                    <td class="projectReceipt-time"></td>
                                    <td class="projectReceipt-description"></td>
                                    <td class="projectReceipt-operator"></td>
                                    <td class="">
                                        <div>
                                            <a class="" data-toggle="modal" data-target="#myModal-updateProjectReceipt" onclick="setUpdateProjectReceiptModalInformation(this)">
                                                <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
                                            </a>
                                        </div>
                                    </td>
                                </tr>
                                <tr class="table-trr hidden">
                                    <td class="projectReceipt-projectName" value=""></td>
                                    <td class="projectReceipt-price"></td>
                                    <td class="projectReceipt-time"></td>
                                    <td class="projectReceipt-description"></td>
                                    <td class="projectReceipt-operator"></td>
                                    <td class="">
                                        <div>
                                            <a class="" data-toggle="modal" data-target="#myModal-updateProjectReceipt" onclick="setUpdateProjectReceiptModalInformation(this)">
                                                <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
                                            </a>
                                        </div>
                                    </td>
                                </tr>
                                <tr class="table-trr hidden">
                                    <td class="projectReceipt-projectName" value=""></td>
                                    <td class="projectReceipt-price"></td>
                                    <td class="projectReceipt-time"></td>
                                    <td class="projectReceipt-description"></td>
                                    <td class="projectReceipt-operator"></td>
                                    <td class="">
                                        <div>
                                            <a class="" data-toggle="modal" data-target="#myModal-updateProjectReceipt" onclick="setUpdateProjectReceiptModalInformation(this)">
                                                <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
                                            </a>
                                        </div>
                                    </td>
                                </tr>
                                <tr class="table-trr hidden">
                                    <td class="projectReceipt-projectName" value=""></td>
                                    <td class="projectReceipt-price"></td>
                                    <td class="projectReceipt-time"></td>
                                    <td class="projectReceipt-description"></td>
                                    <td class="projectReceipt-operator"></td>
                                    <td class="">
                                        <div>
                                            <a class="" data-toggle="modal" data-target="#myModal-updateProjectReceipt" onclick="setUpdateProjectReceiptModalInformation(this)">
                                                <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
                                            </a>
                                        </div>
                                    </td>
                                </tr>
                                <tr class="table-trr hidden">
                                    <td class="projectReceipt-projectName" value=""></td>
                                    <td class="projectReceipt-price"></td>
                                    <td class="projectReceipt-time"></td>
                                    <td class="projectReceipt-description"></td>
                                    <td class="projectReceipt-operator"></td>
                                    <td class="">
                                        <div>
                                            <a class="" data-toggle="modal" data-target="#myModal-updateProjectReceipt" onclick="setUpdateProjectReceiptModalInformation(this)">
                                                <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
                                            </a>
                                        </div>
                                    </td>
                                </tr>
                                <tr class="table-trr hidden">
                                    <td class="projectReceipt-projectName" value=""></td>
                                    <td class="projectReceipt-price"></td>
                                    <td class="projectReceipt-time"></td>
                                    <td class="projectReceipt-description"></td>
                                    <td class="projectReceipt-operator"></td>
                                    <td class="">
                                        <div>
                                            <a class="" data-toggle="modal" data-target="#myModal-updateProjectReceipt" onclick="setUpdateProjectReceiptModalInformation(this)">
                                                <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
                                            </a>
                                        </div>
                                    </td>
                                </tr>
                                <tr class="table-trr hidden">
                                    <td class="projectReceipt-projectName" value=""></td>
                                    <td class="projectReceipt-price"></td>
                                    <td class="projectReceipt-time"></td>
                                    <td class="projectReceipt-description"></td>
                                    <td class="projectReceipt-operator"></td>
                                    <td class="">
                                        <div>
                                            <a class="" data-toggle="modal" data-target="#myModal-updateProjectReceipt" onclick="setUpdateProjectReceiptModalInformation(this)">
                                                <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
                                            </a>
                                        </div>
                                    </td>
                                </tr>
                                <tr class="table-trr hidden">
                                    <td class="projectReceipt-projectName" value=""></td>
                                    <td class="projectReceipt-price"></td>
                                    <td class="projectReceipt-time"></td>
                                    <td class="projectReceipt-description"></td>
                                    <td class="projectReceipt-operator"></td>
                                    <td class="">
                                        <div>
                                            <a class="" data-toggle="modal" data-target="#myModal-updateProjectReceipt" onclick="setUpdateProjectReceiptModalInformation(this)">
                                                <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
                                            </a>
                                        </div>
                                    </td>
                                </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                <button type="button" class="btn btn-default" data-toggle="modal" data-target="#myModal-addProjectReceipt" onclick="setAddProjectReceiptModalInformation()">添加记录</button>
            </div>
        </div>
    </div>
</div>
<div class="modal fade" id="myModal-addProjectReceipt" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel">添加项目收款记录</h4>
            </div>
            <div class="modal-body" style="padding: 15px 20px">
                <form class="form-horizontal">
                    <div class="form-group">
                        <label for="modal-addProjectReceipt-projectName" class="col-xs-3 control-label">项目名称</label>
                        <div class="col-xs-7">
                            <input type="text" class="form-control" id="modal-addProjectReceipt-projectName" disabled="disabled">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="modal-addProjectReceipt-price" class="col-xs-3 control-label">收款金额</label>
                        <div class="col-xs-7">
                            <input type="text" class="form-control" id="modal-addProjectReceipt-price" >
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="modal-addProjectReceipt-description" class="col-xs-3 control-label">描述</label>
                        <div class="col-xs-7">
                            <textarea value="" class="form-control" id="modal-addProjectReceipt-description" style="height: 90px; overflow-y: auto"></textarea>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="modal-addProjectReceipt-operator" class="col-xs-3 control-label">经办人姓名</label>
                        <div class="col-xs-7">
                            <input type="text" data-toggle="modal" onclick="getAllOneStaff()" data-target="#myModal-selectOneStaff" class="form-control" id="modal-addProjectReceipt-operator" >
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                <button type="button" class="btn btn-primary" onclick="addProjectReceipt()">确认</button>
            </div>
        </div>
    </div>
</div>
<div class="modal fade" id="myModal-updateProjectReceipt" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel">修改项目收款记录</h4>
            </div>
            <div class="modal-body" style="padding: 15px 20px">
                <form class="form-horizontal">
                    <div class="form-group">
                        <label for="modal-updateProjectReceipt-projectName" class="col-xs-3 control-label">项目名称</label>
                        <div class="col-xs-7">
                            <input type="text" class="form-control" id="modal-updateProjectReceipt-projectName" disabled="disabled">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="modal-updateProjectReceipt-id" class="col-xs-3 control-label">收款记录编号</label>
                        <div class="col-xs-7">
                            <input type="text" class="form-control" id="modal-updateProjectReceipt-id" disabled="disabled">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="modal-updateProjectReceipt-price" class="col-xs-3 control-label">收款金额</label>
                        <div class="col-xs-7">
                            <input type="text" class="form-control" id="modal-updateProjectReceipt-price" >
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="modal-updateProjectReceipt-description" class="col-xs-3 control-label">描述</label>
                        <div class="col-xs-7">
                            <textarea value="" class="form-control" id="modal-updateProjectReceipt-description" style="height: 90px; overflow-y: auto"></textarea>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="modal-updateProjectReceipt-operator" class="col-xs-3 control-label">经办人姓名</label>
                        <div class="col-xs-7">
                            <input type="text" data-toggle="modal" onclick="getAllOneStaff()" data-target="#myModal-selectOneStaff" class="form-control" id="modal-updateProjectReceipt-operator" >
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                <button type="button" class="btn btn-primary" onclick="updateProjectReceipt()" data-dismiss="modal">确认</button>
            </div>
        </div>
    </div>
</div>
<div class="modal fade bs-example-modal-sm" id="myModal-makeSureDelete" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" value="">
    <div class="modal-dialog modal-sm" role="document">
        <div class="modal-content">
            <div class="modal-header" style="padding: 5px 15px">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
            </div>
            <div class="modal-body">
                是否确认要删除？
                <button type="button" class="btn btn-default" data-dismiss="modal" style="float: right; margin-left: 5px">取消</button>
                <button type="button" class="btn btn-primary" style="float: right;" onclick="deleteProjectContract()">确认</button>
            </div>
            <div class="modal-footer">

            </div>
        </div>
    </div>
</div>
<div class="modal fade bs-example-modal-sm" id="myModal-makeSureDeleteInBatch" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" value="">
    <div class="modal-dialog modal-sm" role="document">
        <div class="modal-content">
            <div class="modal-header" style="padding: 5px 15px">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
            </div>
            <div class="modal-body">
                是否确认要批量删除？
                <button type="button" class="btn btn-default" data-dismiss="modal" style="float: right; margin-left: 5px">取消</button>
                <button type="button" class="btn btn-primary" style="float: right;" onclick="deleteContractInBatch()" >确认</button>
            </div>
            <div class="modal-footer">

            </div>
        </div>
    </div>
</div>
<div class="modal fade" id="myModal-selectStaff" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel">选择员工</h4>
            </div>
            <div class="modal-body" style="padding: 0px 20px;font-size: 14px">
                <form class="form-horizontal">
                    <div class="form-group " style="margin-bottom: 0px;">
                        <ul class="selectStaff-department-ul col-xs-6" style="height: 200px;overflow-y: scroll">
                            <li class="selectStaff-department-li hidden" style="cursor: pointer">
                                <img class="departmentName-img" src="imgs/addition.png" height="20px" style="margin-top: -4px">
                                <span class="departmentName-span"></span>
                                <ul class="selectStaff-staff-ul hidden">
                                </ul>
                            </li>
                            <li class="selectStaff-department-li hidden" style="cursor: pointer">
                                <img class="departmentName-img" src="imgs/addition.png" height="20px" style="margin-top: -4px">
                                <span class="departmentName-span"></span>
                                <ul class="selectStaff-staff-ul hidden">
                                </ul>
                            </li>
                            <li class="selectStaff-department-li hidden" style="cursor: pointer">
                                <img class="departmentName-img" src="imgs/addition.png" height="20px" style="margin-top: -4px">
                                <span class="departmentName-span"></span>
                                <ul class="selectStaff-staff-ul hidden">
                                </ul>
                            </li>
                            <li class="selectStaff-department-li hidden" style="cursor: pointer">
                                <img class="departmentName-img" src="imgs/addition.png" height="20px" style="margin-top: -4px">
                                <span class="departmentName-span"></span>
                                <ul class="selectStaff-staff-ul hidden">
                                </ul>
                            </li>
                            <li class="selectStaff-department-li hidden" style="cursor: pointer">
                                <img class="departmentName-img" src="imgs/addition.png" height="20px" style="margin-top: -4px">
                                <span class="departmentName-span"></span>
                                <ul class="selectStaff-staff-ul hidden">
                                </ul>
                            </li>
                            <li class="selectStaff-department-li hidden" style="cursor: pointer">
                                <img class="departmentName-img" src="imgs/addition.png" height="20px" style="margin-top: -4px">
                                <span class="departmentName-span"></span>
                                <ul class="selectStaff-staff-ul hidden">
                                </ul>
                            </li>
                            <li class="selectStaff-department-li hidden" style="cursor: pointer">
                                <img class="departmentName-img" src="imgs/addition.png" height="20px" style="margin-top: -4px">
                                <span class="departmentName-span"></span>
                                <ul class="selectStaff-staff-ul hidden">
                                </ul>
                            </li>
                            <li class="selectStaff-department-li hidden" style="cursor: pointer">
                                <img class="departmentName-img" src="imgs/addition.png" height="20px" style="margin-top: -4px">
                                <span class="departmentName-span"></span>
                                <ul class="selectStaff-staff-ul hidden">
                                </ul>
                            </li>
                            <li class="selectStaff-department-li hidden" style="cursor: pointer">
                                <img class="departmentName-img" src="imgs/addition.png" height="20px" style="margin-top: -4px">
                                <span class="departmentName-span"></span>
                                <ul class="selectStaff-staff-ul hidden">
                                </ul>
                            </li>
                            <li class="selectStaff-department-li hidden" style="cursor: pointer">
                                <img class="departmentName-img" src="imgs/addition.png" height="20px" style="margin-top: -4px">
                                <span class="departmentName-span"></span>
                                <ul class="selectStaff-staff-ul hidden">
                                </ul>
                            </li>
                        </ul>
                        <div class="col-xs-6" style="border-left: 1px solid #E5E5E5; height: 200px;overflow-y: scroll">
                            <ul class="selectedStaff-staff-ul">
                            </ul>
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                <button type="button" class="btn btn-primary selectedStaffs-button" value="" onclick="selectedPeople(this)" data-dismiss="modal">确认</button>
            </div>
        </div>
    </div>
</div>
<div class="modal fade" id="myModal-selectOneStaff" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel">选择经办人</h4>
            </div>
            <div class="modal-body" style="padding: 0px 20px;font-size: 14px">
                <form class="form-horizontal">
                    <div class="form-group " style="margin-bottom: 0px;">
                        <ul class="selectOneStaff-department-ul" style="height: 200px;overflow-y: scroll">
                            <li class="selectOneStaff-department-li hidden" style="cursor: pointer">
                                <img class="departmentName-img_" src="imgs/addition.png" height="20px" style="margin-top: -4px">
                                <span class="departmentName-span_"></span>
                                <ul class="selectOneStaff-staff-ul hidden">
                                </ul>
                            </li>
                            <li class="selectOneStaff-department-li hidden" style="cursor: pointer">
                                <img class="departmentName-img_" src="imgs/addition.png" height="20px" style="margin-top: -4px">
                                <span class="departmentName-span_"></span>
                                <ul class="selectOneStaff-staff-ul hidden">
                                </ul>
                            </li>
                            <li class="selectOneStaff-department-li hidden" style="cursor: pointer">
                                <img class="departmentName-img_" src="imgs/addition.png" height="20px" style="margin-top: -4px">
                                <span class="departmentName-span_"></span>
                                <ul class="selectOneStaff-staff-ul hidden">
                                </ul>
                            </li>
                            <li class="selectOneStaff-department-li hidden" style="cursor: pointer">
                                <img class="departmentName-img_" src="imgs/addition.png" height="20px" style="margin-top: -4px">
                                <span class="departmentName-span_"></span>
                                <ul class="selectOneStaff-staff-ul hidden">
                                </ul>
                            </li>
                            <li class="selectOneStaff-department-li hidden" style="cursor: pointer">
                                <img class="departmentName-img_" src="imgs/addition.png" height="20px" style="margin-top: -4px">
                                <span class="departmentName-span_"></span>
                                <ul class="selectOneStaff-staff-ul hidden">
                                </ul>
                            </li>
                            <li class="selectOneStaff-department-li hidden" style="cursor: pointer">
                                <img class="departmentName-img_" src="imgs/addition.png" height="20px" style="margin-top: -4px">
                                <span class="departmentName-span_"></span>
                                <ul class="selectOneStaff-staff-ul hidden">
                                </ul>
                            </li>
                            <li class="selectOneStaff-department-li hidden" style="cursor: pointer">
                                <img class="departmentName-img_" src="imgs/addition.png" height="20px" style="margin-top: -4px">
                                <span class="departmentName-span_"></span>
                                <ul class="selectOneStaff-staff-ul hidden">
                                </ul>
                            </li>
                            <li class="selectOneStaff-department-li hidden" style="cursor: pointer">
                                <img class="departmentName-img_" src="imgs/addition.png" height="20px" style="margin-top: -4px">
                                <span class="departmentName-span_"></span>
                                <ul class="selectOneStaff-staff-ul hidden">
                                </ul>
                            </li>
                            <li class="selectOneStaff-department-li hidden" style="cursor: pointer">
                                <img class="departmentName-img_" src="imgs/addition.png" height="20px" style="margin-top: -4px">
                                <span class="departmentName-span_"></span>
                                <ul class="selectOneStaff-staff-ul hidden">
                                </ul>
                            </li>
                            <li class="selectOneStaff-department-li hidden" style="cursor: pointer">
                                <img class="departmentName-img_" src="imgs/addition.png" height="20px" style="margin-top: -4px">
                                <span class="departmentName-span_"></span>
                                <ul class="selectOneStaff-staff-ul hidden">
                                </ul>
                            </li>
                        </ul>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                <button type="button" class="btn btn-primary">确认</button>
            </div>
        </div>
    </div>
</div>
</body>
</html>